<!DOCTYPE html>
<html>
<head>
    <title>ВКантахте - Здравствуй овощь</title>
    <link href="styles.css" rel="stylesheet"/>
</head>
<body>

<div id="wrapper">
    <header class="clear-fix">
        <a class="logo" href="javascript:void(0)"></a>

        <div class="search-block">
            Search
        </div>
        <ul class="navigation">
            <li><a href="javascript:void(0)">люди</a></li>
            <li><a href="javascript:void(0)">сообщества</a></li>
            <li><a href="javascript:void(0)">игры</a></li>
            <li><a href="javascript:void(0)">музыка</a></li>
            <li><a href="javascript:void(0)">помощь</a></li>
            <li><a href="javascript:void(0)">выйти</a></li>
        </ul>
    </header>

    <div class="clear-fix">
        <div id="left-sidebar">
            <ul class="menu">
                <li><a href="javascript:void(0)">Моя Страница</a></li>
                <li><a href="javascript:void(0)">Мои Друзья</a></li>
                <li><a href="javascript:void(0)">Мои Фотографии</a></li>
                <li><a href="javascript:void(0)">Мои Видеозаписи</a></li>
                <li><a href="javascript:void(0)">Мои Аудиозаписи</a></li>
                <li><a href="javascript:void(0)">Мои Сообщения</a></li>
                <li><a href="javascript:void(0)">Мои Группы</a></li>
                <li><a href="javascript:void(0)">Мои Новости</a></li>
                <li><a href="javascript:void(0)">Мои Настройки</a></li>
            </ul>
            <hr>
            <ul class="menu">
                <li><a href="javascript:void(0)">Приложения</a></li>
                <li><a href="javascript:void(0)">Документы</a></li>
            </ul>
            <hr>
            <div class="proposal-friends">
                <div class="friend">
                    <div class="name"></div>
                    <div class="mutual-friends"></div>
                    <img class="photo" src="images/proposal_friends/d_0bfec3d9.jpg"/>
                    <a href="javascript:void(0)">Добавить в друзья</a>
                </div>
                <div class="friend">
                    <div class="name"></div>
                    <div class="mutual-friends"></div>
                    <img class="photo" src="images/proposal_friends/d_79f13c91.jpg"/>
                    <a href="javascript:void(0)">Добавить в друзья</a>
                </div>
            </div>
        </div>

        <div id="page-content">
            <div class="user-name">Владимир Маяковский</div>
            <div class="left-column">
                <img class="user-photo" src="images/user-photo.jpg"/>
                <a href="javascript:void(0)">Редактировать страницу</a>
            </div>
            <div class="right-column clear-fix">
                <span>Владимир Маяковский</span>
                <br>
                <a href="javascript:void(0)">изменить статус</a>
                <hr>

                <div class="title">
                    83 фотографии
                    <div class="fright">добавить фотографии</div>
                </div>

                <div class="photos">
                    <img src="images/fotos/hK9H3nmQ6lU.jpg"/>
                    <img src="images/fotos/zF_Ni9ge6Xs.jpg"/>
                    <img src="images/fotos/EAELtxhGIwk.jpg"/>
                    <img src="images/fotos/aR3SZqa8NK4.jpg"/>
                    <img src="images/fotos/uig0scgrKRY.jpg"/>
                </div>
                <br>

                <div class="title">
                    35 записей
                    <div class="fright">к записям Владимира</div>
                </div>
                <div class="add-note">
                    <input class="bb" type="text" placeholder="Что у вас нового?"/>
                </div>
                <br>

                <div class="note-item">
                    <div class="left-col">
                        <img src="images/user-photo.jpg"/>
                        <span class="status">Online</span>
                    </div>
                    <div class="right-col">
                        <div class="author">Владимир Маяковский</div>
                        Количество недовольных по поводу зимы растет. Все хотят лето. Правительства многих стран мира
                        проголосовали за отмену зимы.
                    </div>
                </div>
            </div>

        </div>
    </div>

    <footer class="clear-fix">
        <ul class="navigation">
            <li><a href="javascript:void(0)">о сайте</a></li>
            <li><a href="javascript:void(0)">помощь</a></li>
            <li><a href="javascript:void(0)">правила</a></li>
            <li><a href="javascript:void(0)">реклама</a></li>
            <li><a href="javascript:void(0)">разработчикам</a></li>
            <li><a href="javascript:void(0)">вакансии</a></li>
        </ul>
        <div class="copyright">Смерть моска &copy; 2013</div>
        <div class="left-col">Павел Дуркин</div>
    </footer>
</div>

</body>
</html>